<template>
  <div class="wrapper" v-html="htmlData">

  </div>
</template>

<script>
export default {
name:'ui-design-preview',
components:{},
  props:{},
  data(){
    return {
        htmlData:''
    }
  },
  watch:{},
  computed:{},
  methods:{
      store(){
          let pre=this.getStore("preview")
           if(pre){
               this.htmlData=pre
               console.log(pre)
           }else{
                 this.$Message.error({
                content: '预览失败！',
                duration: 5
            });
           }
      }
  },
  created(){},
  mounted(){
      this.store()
  },
  beforeRouteLeave(to,from,next){
      this.setStore("preview","")
}
}
</script>
<style lang="less" scoped>
.wrapper{
    width:100%;
height:100%;}
@import url('./css/ui-design-board.css');

</style>